<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>


<!-- Light Box code -->
<link rel="stylesheet" href="../../CSS/lightbox.css" type="text/css" media="screen" />

<script type="text/javascript" src="../../js/prototype.js"></script>
<script type="text/javascript" src="../../js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="../../js/lightbox.js"></script>

<!-- End of Light box code -->
<?php 

session_start();
if($_SESSION['status'] == " ")
{
$_SESSION['status']=NULL;
}
?>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cyber Power Desktop</title>
<link href="../../CSS/Divlayouts.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv1 {
	position:absolute;
	width:963px;
	height:115px;
	z-index:6;
	left: 143px;
	top: 5px;
}
#apDiv2 {
	position:absolute;
	width:101px;
	height:80px;
	z-index:6;
	left: 397px;
	top: 27px;
}
#apDiv3 {
	position:absolute;
	width:766px;
	height:273px;
	z-index:6;
	left: 261px;
	top: 257px;
}
#apDiv4 {
	position:absolute;
	width:213px;
	height:227px;
	z-index:7;
	left: 19px;
	top: 24px;
}
#apDiv5 {
	position:absolute;
	width:321px;
	height:51px;
	z-index:1;
	left: 252px;
	top: 18px;
}
#apDiv6 {
	position:absolute;
	width:322px;
	height:166px;
	z-index:2;
	left: 252px;
	top: 90px;
}
#apDiv7 {
	position:absolute;
	width:153px;
	height:75px;
	z-index:1;
	left: 596px;
	top: 39px;
	text-align: left;
}
#apDiv8 {
	position:absolute;
	width:755px;
	height:94px;
	z-index:1;
	left: -584px;
	top: 244px;
}
#apDiv9 {
	position:absolute;
	width:956px;
	height:139px;
	z-index:7;
	left: -599px;
	top: 344px;
}
</style>
</head>


	
<body>
<pre><p>                           <a href="../index.php" ><img src="../../Resources/eMart logo.png" width="170" height="67" alt="Logo" /></a>                                                                <b><a  style="color:#000; text-decoration:none;" href="../customer_support.php">Customer Support</a>  |  <a style="color:#000; text-decoration:none;" href="../Terms.php">Privacy Policy</a></b>
                                          <?php if (($_SESSION['status']== NULL)||($_SESSION['status']== "OUT")){echo"Welcome! <a href='../login.php'>Sign in</a> or <a href='../Register.php'>Register</a>";} else { echo "Welcome ".($_SESSION['fname'])." ".($_SESSION['lname']) ."<pre>                                  <a  class='underline' href='../refresh.php'>Logout</a>    <a class='underline' href='../editaccount.php' >My Account</a> </pre>" ; } ?> </pre>
<div id="DivHR">
  
<hr/></div>


<div id="DivHR">
  <p align="center"><a href="../index.php"><img  src="../../Resources/Home.inactive.png" 
onmouseover="src='../../Resources/Home.active.png'" 
onmouseout="src='../../Resources/Home.inactive.png'" width="159" height="21" /></a>

<a href="../Appliances/Appliances.php"><img  src="../../Resources/Appliances.inactive.png" 
onmouseover="src='../../Resources/Appliances.active.png'" 
onmouseout="src='../../Resources/Appliances.inactive.png'" width="159" height="21" /></a>

<a href="../Computers/Computers.php"><img  src="../Resources/Computers.active.png" 
onmouseover="src='../../Resources/Computers.inactive.png'" 
onmouseout="src='../../Resources/Computers.active.png'" width="159" height="21" /></a>

<a href="../Mp3 Players/MP3Players.php"><img  src="../Resources/MP3.inactive.png" 
onmouseover="src='../../Resources/MP3.active.png'" 
onmouseout="src='../../Resources/MP3.inactive.png'" width="159" height="21" /></a>

<hr/>
</p>
</div>

<?php

$con = mysql_connect("localhost","root","") or die ("Could not connect to DB!");
mysql_select_db ("store",$con) or die ("could not select DB!");

$result = mysql_query("SELECT * FROM Computers WHERE ProductCode = 'CY-B45G'");

$row = mysql_fetch_array($result);

?>




<div  style="background-image:url(../../Resources/Item%20pannel.png); background-repeat:no-repeat"id="apDiv3">
    <div id="apDiv5">
    
		<?php
        
        echo $row['ProductCode']."<br/> ".$row['ProductName'];
        
        ?>
        
    </div><!--Product code and name -->
  <div id="apDiv6">
    
    <?php
    
        echo $row['ProductDescription'];
    ?>
    
    </div><!--Product description -->

  <div id="apDiv4">
    <?php
    
        //<a href="images/image-1.jpg" rel="lightbox" title=""><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>
        echo "<a href='../../Images/Computer Pictures/cyberpower.large.jpg' rel='lightbox' ><img src='".$row['ImageSmall']."'/></a>";
    ?>
    
    </div>
    <div id="apDiv7">
    
        <?php
   echo "<h2 style='color:#CCCCCC'>Price:</h2><h3 style='color:#FFF'>$".$row['ProductPrice']."</h3>";
    ?>
        <div id="apDiv8" style="background-image:url(../../Resources/Promo%20Pannel.png); background-repeat:no-repeat">
       
        </div> 

    <form action="cart.php" method="post">
      <table>
            <tr>
                <td>
                    <p style="color:#FFF; text-align: center;">Quantity:
                </td>
                <td>
                    <input type="text" name="quantity" style="width:20px; border-color:#000000" value = "1" />
                <div id="apDiv9" style="background-image:url(../../Resources/Footer%20Image.png); background-repeat:no-repeat">
                
                </div></td>
            </tr>
        </table>
        <input type="submit" name="submit" value="Add to Cart"/>
        
  </form>
      <!-- -->
    </div><!--Product Price -->
</div>

</body>
</html>